
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>商务合作</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Link Swiper's CSS -->
     <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./css/swiper.css"> 
    <link rel="stylesheet" href="./css/public.css">
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
    <!-- <link rel="stylesheet" href="./css/download.css"> -->
    <link rel="stylesheet" href="./css/business.css">
    <link rel="shortcut icon" href="./img/`4[@DHT)R4P$(OQ84G$QE4.ico" type="image/x-icon">

</head>
<body>

    <header>
        <div class="">
            <img src="https://mall.s.maizuo.com/056b03f80ecfb34900d94c1c9a8f5ae6.jpg
            " alt="" >
        </div>
        <div class="right">
            <nav>
                <a onclick="changenav(1);" href="index.html" class="link ">首页</a>
                <a onclick="changenav(2);" href="download.html" class="link ">下载App</a>
                <a onclick="changenav(3);" href="business.html" class="link active">商务合作</a>
                <a onclick="changenav(4);" href="jobs.html" class="link">诚聘英才</a>
            </nav>
            <button class="buy">立即购票</button>
        </div>
    </header>
    <div class="business">
        <div class="main">
            <h1>商务合作</h1>
            <ul class="list">
                <li class="item">
                    <h2>商务、营销、广告合作</h2>
                    <p>电话 :&nbsp;&nbsp;0755-26971933 </p>
                    <p>邮箱 :&nbsp;&nbsp;roy@maizuo.com</p>
                </li>
                <li class="item">
                    <h2>电影营销合作</h2>
                    <p>电话 :  0755-26009644</p>
                    <p>邮箱 :  Pang@maizuo.com</p>
                </li>
                <li class="item">
                    <h2>新媒体(微信/微博)合作</h2>
                    <p>QQ : 2696474864</p>
                    <p>邮箱 : yy@maizuo.com</p>
                </li>
                <li class="item">
                    <h2>线下资源合作</h2>
                    <p>QQ : 983069039 </p>
                    <p>邮箱 : mikexiang@maizuo.com</p>
                </li>
            </ul>
            <h3>影院合作</h3>
            <ul class="list">
                <li class="item">
                    <p>深圳站</p>
                    <p>电话 :  0755-26971933</p>
                    <p>邮箱 : roy@maizuo.com</p>
                </li>
                <li class="item">
                    <p>广州站</p>
                    <p>电话 :  020-38200507</p>
                    <p>邮箱 :  Jeb@maizuo.com</p>
                </li>
                <li class="item">
                    <p>佛山站</p>
                    <p>电话 :  0757--82500640</p>
                    <p>邮箱 :  Safin@maizuo.com</p>
                </li>
                <li class="item">
                    <p>区域代理合作(除广州、深圳、佛<br>山之外的城市)</p>
                    <p>电话 :  0755-26939217</p>
                    <p>邮箱 :  roy@maizuo.com</p>
                </li>
            </ul>
        </div>
    </div>
     <div class="friends">

        <h1>合作伙伴</h1>
        <ul class="list">
            <li class="item">
                <img src="https://mall.s.maizuo.com/8d098b02067a627b04aa43bbb6a1c488.jpg" alt="">
            </li>
            <li class="item">
                <img src="https://mall.s.maizuo.com/608a9c4a62aa68ca6d465dba71e855be.jpg" alt="">
            </li>
            <li class="item">
                <img src="https://mall.s.maizuo.com/5f2ef8fa1a417d7dd95e6cfb02d07b6a.jpg" alt="">
            </li>
            <li class="item">
                <img src="https://mall.s.maizuo.com/5f2ef8fa1a417d7dd95e6cfb02d07b6a.jpg" alt="">
            </li>
            <li class="item">
                <img src="	https://mall.s.maizuo.com/6f5b34d9bd189e6f8065beceab6bb209.jpg" alt="">
            </li>
            <li class="item">
                <img src="https://mall.s.maizuo.com/e6cd822ad789807f78ee2511176c5882.jpg" alt="">
            </li>
            <li class="item">
                <img src="https://mall.s.maizuo.com/ce9d360de1db36400aa13729417ef836.jpg" alt="">
            </li>
        </ul>
     </div>
    <footer>
        <div class="info">
            <div class="l">
                <img src="https://mall.s.maizuo.com/73552ddcedac25b8a8c8297a565f0d42.jpg" alt="">
                <div class="text">
                    <h2>卖座，不只是电影</h2>
                    <p>
                        <span>地址:</span>
                        <span>深圳市南山区高新科技园中区科苑路15号
                            <br>
                        <span style="opacity: 0;">地址:</span>
                        <span>科兴科学园B栋3单元1601</span>
                        
                    </p>
                    <p>
                        <span>电话:</span>
                        <span>0755-26971933</span>
                        </p>
                    <p>
                        <span>客服:</span>
                        <span>400-1808-400</span>
                        <br>
                        <span style="opacity: 0;">客服:</span>
                        <span style="font-size: 10px;">(周一至周日:09:00-22:30)</span>
                    </p>
                </div>
            </div>
            <div class="r">
                <img src="https://mall.s.maizuo.com/cfb4d59688fe7865be7ae6fafaa0915e.jpg" alt="">
                <div class="text">
                    <h2>扫码关注「卖座网」公众号</h2>
                    <p>
                        <span>Copyright c 2020 maizuo.</span>
                            <br>
                        <span>All Rights Reserved</span>
                    </p>
                    <p>
                        <span>深圳市华宇讯科技有限公司 版权所有</span>
                    </p>
                    <p>
                        <span>增值业务经营许可证: 粤B2-200502318</span>
                    </p>
                    
                </div>
            </div>
            <div class="beian">
                <p>备案号 粤ICP备10001381号
                </p>
            </div>
        </div>
        <div class="goods">
            <img src="	https://szcert.ebs.org.cn/Images/govIcon.gif" alt="">
        </div>
    </footer>

    <!-- Swiper JS -->
    <script src="./js/swiper.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev', 
        speed: 600,
        loop:true
    });

    function changenav(index){
            document.querySelector('nav a.active').classList.remove('active');
            document.querySelector(`nav a:nth-child(${index})`).classList.add('active');
        }
    
    
        </script>
        <script>
            function changehelp(index){
                document.querySelector('.left .active').classList.remove('active');
                document.querySelector(`.left li:nth-child(${index})`).classList.add('active');
            
                document.querySelector('.help section.active').style.display = 'none';
                // 移除active类
                document.querySelector('.help section.active').classList.remove('active');
                //给将要显示的section添加active类
                document.querySelector(`.help section:nth-child(${index})`).classList.add('active');
                //显示选中的section
                document.querySelector(`.help section:nth-child(${index})`).style.display = 'block';
            }
        </script>
</body>
</html>


